@use 'sass:map';
@use 'sass:math';
@use 'patch' as patch;
@use 'element-plus/theme-chalk/src/mixins/function.scss' as *;

$--colors: (
  'white': #ffffff,
  'black': #000000,
  'primary': (
    'base': #409eff
  ),
  'success': (
    'base': #38b77c
  ),
  'danger': (
    'base': #ff4d4f
  ),
  'warning': (
    'base': #ffba00
  ),
  'error': (
    'base': #ff4d4f
  ),
  'info': (
    'base': #909399
  )
);
$color-white: map.get($--colors, 'white') !default;
$color-black: map.get($--colors, 'black') !default;
$color-primary: map.get($--colors, 'primary', 'base') !default;
$color-success: map.get($--colors, 'success', 'base') !default;
$color-warning: map.get($--colors, 'warning', 'base') !default;
$color-danger: map.get($--colors, 'danger', 'base') !default;
$color-error: map.get($--colors, 'error', 'base') !default;
$color-info: map.get($--colors, 'info', 'base') !default;
$--text-color: (
  (
    'primary': #333333,
    'regular': #333333,
    'secondary': #999999,
    'placeholder': #999999,
    'disabled': #c0c4cc,
    // tree文字 常态
    'tree-normal': #333333,
    // tree文字  选中
    'tree-active': #409eff
  )
);
$--border-color: (
  (
    '': #ececec,
    'light': #ececec,
    'lighter': #ececec,
    // radio 边框颜色
    'radio-dark': #ececec,
    // checkbox 边框颜色
    'checkbox-dark': #ececec
  )
);
$--box-shadow: (
  (
    '': transparent,
    'light': (
      0px 0px 12px 1px rgba(98, 131, 121, 0.16)
    )
  )
);

$--bg-color: (
  (
    'page': #fff,
    '': #f2f3f5,
    'overlay': #fff,
    'img-viewer': rgba(0, 0, 0, 0.6),
    'tag-hover': '#909399'
  )
);
$--mask-color: (
  (
    '': rgba(255, 255, 255, 0.9),
    'extra-light': rgba(255, 255, 255, 0.3)
  )
);
$--fill-color: (
  (
    'blank': #ffffff,
    // button 重置等按钮的填充颜色
    'button-reset': #ffffff,
    // tree 鼠标经过的背景填充色
    'tree-hover': rgba(#8ec9ff, 0.1),
    // tree 选中的背景填充色
    'tree-active': rgba(#1890ff, 0.2),
    'input-prepend-bg': #f5f7fa
  )
);

@forward 'element-plus/theme-chalk/src/common/var.scss' with (
  $colors: $--colors,
  $text-color: $--text-color,
  $border-color: $--border-color,
  $box-shadow: $--box-shadow,
  $bg-color: $--bg-color,
  $fill-color: $--fill-color,
  $mask-color: $--mask-color,
  $button-padding-horizontal: patch.$button-padding-horizontal,
  $input-padding-horizontal: patch.$input-padding-horizontal,
  $table-padding: patch.$table-padding,
  $table-cell-padding: patch.$table-cell-padding,
  $overlay-color: patch.$overlay-color,
  $messagebox: patch.$messagebox,
  $input: patch.$input,
  $dialog: patch.$dialog,
  $scrollbar: patch.$scrollbar,
  $message: patch.$message,
  $popover: patch.$popover,
  $font-size: patch.$font-size,
  $menu: patch.$menu,
  $table: patch.$table,
  $button: patch.$button,
  $radio: patch.$radio,
  $checkbox: patch.$checkbox,
  $tree: patch.$tree,
  $collapse: patch.$collapse
);
@use './tree.scss';
@use './input.scss';
@use './image-viewer.scss';
@use './tag.scss';
